import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgUnLock = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props} isCommon>
            <Path d="M40 21.1014H16.5V14.6014C16.5 10.2014 19.8 6.60142 24.2 6.10142C28.6 5.70142 32.6 8.60142 33.5 12.9014C33.7 13.7014 34.5 14.2014 35.3 14.1014C36.1 13.9014 36.6 13.1014 36.5 12.3014C35.3 6.50142 29.9 2.60142 24 3.20142C18 3.70142 13.5 8.60142 13.5 14.5014V21.0014H10C8.1 21.0014 6.5 22.6014 6.5 24.5014V42.5014C6.5 44.4014 8.1 46.0014 10 46.0014H40C41.9 46.0014 43.5 44.4014 43.5 42.5014V24.5014C43.5 22.6014 41.9 21.1014 40 21.1014ZM40.5 42.6014C40.5 42.9014 40.3 43.1014 40 43.1014H10C9.7 43.1014 9.5 42.9014 9.5 42.6014V24.6014C9.5 24.3014 9.7 24.1014 10 24.1014H40C40.3 24.1014 40.5 24.3014 40.5 24.6014V42.6014Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M25 38.0015C24.2 38.0015 23.5 37.3015 23.5 36.5015V30.5015C23.5 29.7015 24.2 29.0015 25 29.0015C25.8 29.0015 26.5 29.7015 26.5 30.5015V36.5015C26.5 37.3015 25.8 38.0015 25 38.0015Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
